<template>
  <div id="app_test_slot">
    <!-- 具名插槽(有了name的<slot>) -->
    <MyDialog>
      <template v-slot:text> 是否退出系统? </template>
      <template #title> 温馨提示: </template>
    </MyDialog>
  </div>
</template>

<script>
import MyDialog from "@/components/MyDialog.vue";

export default {
  name: "AppTestSlot",
  components: {
    MyDialog,
  },
};
</script>

<style>
.app_test_slot {
  width: 300px;
  height: 600px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
</style>
